<!-- 逻辑 -->
<script setup lang="ts">
  // 1. 定义数据 任意类型都可以
  const food = '西兰花炒蛋'

  const cat = {
    name: '喵喵',
    food: '鱼',
    color: '黄白猫',
  }
</script>

<!-- 结构 -->
<template>
<h1>么么哒: {{ food }}</h1>
<div>{{ cat }}</div>
<span>{{ cat.food }}</span>
</template>

<!-- 样式 -->
<style scoped>
h1 {
  color: orange;
}
div {
  background-color: skyblue;
}
</style>
